<template>
  <div class="article">
    <iframe class="detailPage" scrolling=auto :src="link">
    </iframe>
    <div @click='back' class="detailClose">
    </div>
  </div>
</template>
<style scoped="">
@import '../assets/css/detail.scss';

.tail {
  visibility: hidden;
}
</style>
<script>
export default {
  data() {
    let link = this.$route.params.link;
    if (link) link = link.split('|').join('/');
    return {
      link
    };
  },
  methods: {
    back() {
      window.history.back();
    }
  },
  mounted() {
    // if (/iPhone OS 10_/.test(window.navigator.userAgent)) {
    // if (location.hash.indexOf('#/index') === -1) {
    //   if (!localStorage.getItem('reloaded')) {
    //     localStorage.setItem('reloaded', 1);
    //     location.reload();
    //   } else {
    //     localStorage.removeItem('reloaded');
    //   }
    // }
    // }
  },
  watch: {
    $route(to, from) {
      // data数据操作
      let link = to.params.link;
      if (link) this.link = link.split('|').join('/');
    }
  }
  // created() {
  //   // 组件创建完后获取数据，
  //   // 此时 data 已经被 observed 了
  //   console.log('created');
  // }
  // beforeRouteUpdate(to, from, next) {
  //   console.log(to, from, next);
  //   let link = to.params.link;
  //   if (link) this.link = link.split('|').join('/');
  //   console.log(link);
  //   next();
  // },
  // beforeRouteEnter(to, from, next) {
  //   // let link = to.params.link;
  //   // if (link) this.link = link.split('|').join('/');
  //   console.log('beforeRouteEnter');
  //   console.log(from);

  //   next();
  //   // 在渲染该组件的对应路由被 confirm 前调用
  //   // 不！能！获取组件实例 `this`
  //   // 因为当守卫执行前，组件实例还没被创建
  // },
  // beforeRouteLeave(to, from, next) {
  //   console.log('beforeRouteLeave');
  //   let link = to.params.link;
  //   if (link) this.link = link.split('|').join('/');
  //   next();
  //   // 导航离开该组件的对应路由时调用
  //   // 可以访问组件实例 `this`
  // }
};
</script>
